<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <!-- Layui -->
    <link rel="stylesheet" href="resources/layui/css/layui.css" media="all"/>
    <!-- style -->
    <link rel="stylesheet" href="resources/map/css/style.css" media="all"/>
    <!-- 引用百度地图 -->
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=2COzFaICuIyVj7V3VetKfmdRVnX8BhVr"></script>
</head>
<body>

<div class="layui-fluid">
    <div class="layui-row layui-col-space10">
        <blockquote class="layui-elem-quote zylMarTop">注意：Layui表格结合百度定位实现定位（含layui表格传值问题）</blockquote>
        <!-- 百度地图 -->
        <div class="layui-col-sm7 layui-col-md7" style="padding-top: 15px;">
            <div class="mapHeight">
                <div id="dituContent" style="width:100%;height:100%;font-size:14px"></div>
            </div>
        </div>
        <!-- 百度地图 End -->
        <!-- 表格主体 -->
        <div class="layui-col-sm5 layui-col-md5">
            <table id="demo" lay-filter="test"></table>
        </div>
        <!-- 表格主体 End -->
    </div>
</div>

<script type="text/javascript" src="resources/map/js/jquery.min.js"></script>

<script type="text/javascript" src="resources/layui/layui.js"></script>
<!-- layui 数据连接 -->
<script type="text/javascript" src="resources/map/mapContent/userMap.js"></script>
<!-- 百度地图 -->
<script type="text/javascript" src="resources/map/baiduMap/indexMapGis.js"></script>
<script type="text/javascript" src="resources/map/baiduMap/baiduMapHeight.js"></script>
<!-- 字体图标 -->
<script type="text/javascript" src="resources/map/iconfont/iconfont.js"></script>
<script>
    layui.use(['layer'], function(){
        var layer = layui.layer;
        //layer.msg('此案例重点表现为表格数据的回显问题！');
    });
</script>
<!-- 数据表格的自定义按钮 -->
<script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-xs" lay-event="gis">定位</a>
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>

<script id="aa" type="text/html">
    {{d.tperUser.perUserTel}}
</script>
<script id="bb" type="text/html">
    {{d.tperUser.perUserName}}
</script>
<script id="cc" type="text/html">
    {{d.merchantUsers.m_name}}
</script>
<script id="l3" type="text/html">
    {{d.tperStallLnglat.lnglat1}}
</script>
<script id="l4" type="text/html">
    {{d.tperStallLnglat.lnglat2}}
</script>
</body>
</html>
